@charset "UTF-8";
// @import "./_reset";

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-family: "microsoft yahei";
	color: 202020;
}
.web{
	width: 100%;
	height: 100%;
	min-width: 1366px;
}

header{
	// height: 40px;
	width: 100%;
	background-color: #212121;
	>.top{
		padding-top: 20px;
		padding-bottom: 9px;
		width: 73.2%;
		margin: 0 auto;
		display: flex;
		justify-content:space-between;
		align-items: center;
		>.t_left{
			>img{
				margin-right:10px;
			}
		}
		>.t_right{
			
			>p{
				font-family: "microsoft yahei";
				font-size: 12px;
				color: #bbbbbb;
			}
		}
	}
}

nav{
	position: relative;
	>.navimg{
		position: absolute;
		left:25%;
		top:4%;
	}
	>ul{
		margin: 0 auto;
		width: 35.7%;
		display: flex;
		justify-content: space-around;
		padding-top: 89px;
		padding-bottom: 14px;
		>li{
		
			>a{
				text-decoration: none;
				color: black;
				font-size: 14px;
			}
		}
	}
}

.lunbo{
	width: 100%;
	position: relative;
	.lbul{
		width:15%;
		margin: 0 auto;
		position: absolute;
		top: 93%;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-around;
		
		li{
			width: 20%;
			height:7px;
			background-color:#b4b3b3;
		}
	}
}

.rexiao{
	width: 73.2%;
	margin: 0 auto;
	>.hotstyle{
		text-align: center;
		>.stylep1{
			font-size:18px;
			padding-top: 55px;
			position: relative;
			&::before{
				content: "";
				position: absolute;
				width: 56px;
				border-bottom: 1px solid #000000;
				transform: rotateX('180deg');
				top: 100%;
				left: 54%;
			}
			&::after{
				content: "";
				position: absolute;
				width: 56px;
				border-bottom: 1px solid #000000;
				transform: rotateX('180deg');
				top: 100%;
				right: 54%;
			}
		}
		>.stylep2{
			font-size: 14px;
			color: #959595;
		}
	}
	>.hotimages{
		>.imgul{
			display: flex;
			justify-content: space-around;
			li{
			margin-top: 29px;
			padding-bottom: 38px;
			.hotimg{
				margin-bottom:39px;
			}
			p{
				font-size: 12px;
				text-align: center;
			}
		}
		}
	}
	>.hmore{
		width:10%;
		height:45px;
		border: 1px solid #a0a0a0;
		margin: 0 auto;
		color: #a8a8a7;
		font-size: 14px;
		text-align: center;
		line-height: 45px;
		& :hover{
			background-color:#1a1b1f;
			color: white;
		}
		}

		
}
	
.middle{
		width: 73.2%;
		height: 260px;
		margin: 0 auto;
		background: url(../images/mdimg.png) no-repeat 55% black;
		margin-top: 30px;
		.mp1{
			font-size:38px;
			color: #FFFFFF;
			text-align: center;
			padding-top: 93px;
		}
		.mp2{
			font-size:24px;
			color: #c6c6c6;
			text-align: center;
			position: relative;
			&::before{
				content: "";
				position: absolute;
				top: 120%;
				left: 45%;
				width: 117px;
				border-bottom: 1px solid #e1e1e1;
				opacity: 0.7;
				transform: rotateX('180deg');			
							}
		}
	}

.zuixin{
	width: 73.2%;
	margin: 0 auto;
	>.newstyle{
		text-align: center;
		>.newp1{
			font-size:18px;
			padding-top: 55px;
			position: relative;
			&::before{
				content: "";
				position: absolute;
				width: 56px;
				border-bottom: 1px solid #000000;
				transform: rotateX('180deg');
				top: 100%;
				left: 54%;
			}
			&::after{
				content: "";
				position: absolute;
				width: 56px;
				border-bottom: 1px solid #000000;
				transform: rotateX('180deg');
				top: 100%;
				right: 54%;
			}
		}
		>.newp2{
			font-size: 14px;
			color: #959595;
		}
	}
	>.newimages{
		>.imgul{
			display: flex;
			justify-content: space-around;
			li{
			margin-top: 29px;
			padding-bottom: 38px;
			.hotimg{
				margin-bottom:39px;
			}
			p{
				font-size: 12px;
				text-align: center;
			}
		}
		}
	}
	>.more{
		width:10%;
		height:45px;
		border: 1px solid #a0a0a0;
		margin: 0 auto;
		color: #a8a8a7;
		font-size: 14px;
		text-align: center;
		line-height: 45px;
		& :hover{
			background-color:#1a1b1f;
			color: white;
		}
		}
}


section{
	display: flex;
	justify-content: space-between;
	width: 73.2%;
	margin: 0 auto;
	font-size: 0px;
	padding-top: 37px;
	div{
		border: 1px solid white;
	}

}

footer{
	width: 73.2%;
	height:286px;
	margin: 0 auto;
	background:url(../images/touming.png) no-repeat scroll 50% 0 black  ;
	margin-top: 59px;
	>.ftop{
		width: 90%;
		height: 60%;
		display: flex;
		justify-content: space-around;
		font-size: 12px;
		padding-top: 41px;
		margin: 0 auto;
		li a{
			color: #dcdcdc;
		}
		.fleft,.fright,.fmid{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.fbig{
			font-size:14px;
			display: inline-block;
			width: 200px;
			padding-bottom: 5px;
			border-bottom: 1px solid #dcdcdc;
		}
	}
	>.fbottom{
		padding-top: 30px;
		margin: 0 auto;
		font-size: 14px;
		color: #dcdcdc;
		width: 85%;
		display: flex;
		justify-content: space-between;
	}
}